<template>
  <div>
    <h1>动态组件</h1>
    <Dynamic></Dynamic>
    <br />
    <hr />
    <h1>组件缓存</h1>
    <UseKeepAlive></UseKeepAlive>
    <br />
    <hr />
    <UserSlot1></UserSlot1>
    <br />
    <hr />
    <UseSlot3></UseSlot3>
    <br />
    <hr />
    <UseSlot4></UseSlot4>
    <br />
    <br />
    <hr />
    <UseDirective></UseDirective>
  </div>
</template>

<script>
import Dynamic from "./views/Dynamic";
import UseKeepAlive from "./views/UseKeepAlive";
import UserSlot1 from "./views/UserSlot1";
import UseSlot3 from "./views/UseSlot3";
import UseSlot4 from "./views/UseSlot4";
import UseDirective from "./views/UseDirective";
export default {
  components: {
    Dynamic,
    UseKeepAlive,
    UserSlot1,
    UseSlot3,
    UseSlot4,
    UseDirective,
  },
};
</script>

<style>
</style>